import { Component } from 'react'

import './Tab.css'

class Tab extends Component {
    choseTab = (type) => {
        // console.log(type)
        this.props.fun(type)
    }
    render() {
        // console.log(this.props)
        return (
            <ul id="tab">
                {
                    this.props.list.map((item) => {
                        // return <li key={item.type} onClick={this.choseTab.bind(this, item.type)}>{item.name}</li>
                        return <li key={item.type} onClick={ () => {
                            this.props.fun(item.type)
                        }}>{item.name}</li>
                    })
                }
                {/* <li>首页</li>
                <li>分类</li>
                <li>购物车</li>
                <li>个人</li> */}
            </ul>
        )
    }
}

export default Tab